<!doctype html>
<html class="no-js" lang="">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Devaid - Music Band and Musician Template</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
  <link rel="shortcut icon" type="image/png" href="assets/images/fev.png">
  <!-- Place favicon.ico in the root directory -->

  <!-- animate -->
  <link rel="stylesheet" href="assets/css/animate.css">
  <!-- font-awesome -->
  <link rel="stylesheet" href="assets/css/font-awesome.min.css">
  <!-- owl carousel -->
  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  <!-- owl theme default -->
  <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  <!-- pe-icon-7-stroke -->
  <link rel="stylesheet" href="assets/css/pe-icon-7-stroke.min.css">
  <!-- magnific popup -->
  <link rel="stylesheet" href="assets/css/magnific-popup.css"> 
  <!-- bootstrap -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">  
  <!-- scrollable -->
  <link rel="stylesheet" href="assets/css/jquery.scrollable.css">
  <!-- audioplayer -->
  <link rel="stylesheet" href="assets/css/audioplayer.css">
  <!-- menu -->
  <link rel="stylesheet" href="assets/css/menu.css">
  <!-- main -->
  <link rel="stylesheet" href="assets/css/main.css">
  <!-- responsive -->
  <link rel="stylesheet" href="assets/css/responsive.css">
  <!-- default -->
  <link rel="stylesheet" href="assets/css/default.css">
  <!-- color -->
  <link rel="stylesheet" href="assets/css/color.css">
</head>

<body>
 
  <header class="header-nav-area js-index1-nav sticky-on"><!-- header-nav -->
    <div class="container-fluid">
      <div class="row flexbox-center"> 
        <div class="col-md-2 col-sm-6">
          <div class="logo">
            <a href="index.html"><img src="assets/images/logo.png" alt="Devaid logo"></a>
          </div>
        </div><!-- col-lg-4 -->
        
        <div class="col-md-7 header-nav-none"> 
          <nav class="header-nav">
              <div class="cssmenu" data-title="Menu">  
                <ul class="menu list-inline">
                    <li><a href="index.html">首页</a>
                    </li>
                    <li><a href="album.html">歌单</a>
                    </li>
                    <li><a href="event.html">说明</a>
					</li> 
                    <li><a href="photo-gallary.html">图片</a>
                     
                    </li>
                    <li  class="active"><a href="artist.html">相关</a>
                    </li>  
                    
                    <li><a href="../../404.html">404</a>
                    </li>    
                </ul>
              </div><!-- #header-menu-wrap -->       
          </nav><!-- .header-nav -->
        </div><!-- col-lg-7 -->
      </div><!-- row -->
    </div><!-- container -->
  </header><!-- header-nav --> 

  <div class="js-offcanvas-menu" id="js_offcanvas_menu">
    <nav class="header-nav">
      <span class="js-offcanvas-close"><i class="pe-7s-close"></i></span> 
      <div class="cssmenu" data-title="Menu">  
        <ul class="menu list-inline">
            <li><a href="index.html">HOME</a>
                <ul>
                  <li><a href="index2.html">Home Version two</a></li>
                  <li><a href="index3.html">Home Version three</a></li>
                  <li><a href="index4.html">Home Version four</a></li>
                  <li><a href="index5.html">Home Version five</a></li>
                  <li><a href="index6.html">Home Version Six</a></li>
                </ul>
            </li>
            <li class="active"><a href="album.html">ALBUMS</a>
              <ul>
                <li><a href="album-single.html">Album Details</a></li>
              </ul>
            </li>
            <li><a href="event.html">Event</a>
              <ul>
                <li><a href="single-event.html">Event Details</a></li>
              </ul></li> 
            <li><a href="photo-gallary.html">GALLERY</a>
              <ul>
                <li><a href="photo-gallary.html">Photo Gallary</a></li>
                <li><a href="single-photo-gallary.html">Single Photo Gallary</a></li>
                <li><a href="video-gallary.html">Video Gallary</a></li>
                <li><a href="single-video-gallary.html">Single Video Gallary</a></li>
              </ul>
            </li>
            <li><a href="artist.html">Singer</a>
              <ul>
                <li><a href="artist.html">Artist page</a></li>
                <li><a href="single-artist.html">Artist Details</a></li>
              </ul>
            </li>  
            <li><a href="shop.html">Shop</a>
              <ul>
                <li><a href="shop.html">Product Page</a></li>
                <li><a href="product-details.html">Product Details</a></li>
                <li><a href="cart.html">Product Cart</a></li>
                <li><a href="checkout.html">Product Checkout</a></li>
              </ul>
            </li>    
            <li><a href="blog.html">BLOG</a>
              <ul>
                <li><a href="blog.html">Blog Page</a></li>
                <li><a href="blog-sidebar.html">Blog Sidebar</a></li>
                <li><a href="blog-single.html">Blog Details</a></li>
              </ul>
            </li>    
            <li><a href="contact.html">CONTACT</a></li>  
        </ul>
      </div><!-- #header-menu-wrap -->  
      <div class="widget mt-3">
       <div class="js-widget-search">
         <form>
           <input type="text" required="" placeholder="Search Here..">
           <i><img alt="search icon" src="assets/images/search.png"></i>
         </form>
       </div>
      </div>
    </nav> <!-- header-nav -->
  </div><!-- js-offcanvas-menu -->


 
  <section class="js-singer-area bg-dark has-color pb-50">
    <div class="container"> 
      <div class="section-title text-center mb-50">
        <h2>相关歌手</span></h2>  
      </div><!-- section-title -->
      <div class="row">
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/1.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>郑智化</h4>
         
            </div>
          </div>
        </div> <!--  col-lg-3 -->
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/2.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>陈雨生</h4>
             
            </div>
          </div>
        </div> <!--  col-lg-3 -->
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/3.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>王杰</h4>
          
            </div>
          </div>
        </div> <!--  col-lg-3 -->
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/4.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>张学友</h4>
            
            </div>
          </div>
        </div> <!--  col-lg-3 -->
      </div><!-- row -->
      <div class="row">
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/5.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>陈奕迅</h4>
           
            </div>
          </div>
        </div> <!--  col-lg-3 -->
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/6.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>林俊杰</h4>
           
            </div>
          </div>
        </div> <!--  col-lg-3 -->
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/7.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>罗志祥</h4>
        
            </div>
          </div>
        </div> <!--  col-lg-3 -->
        <div class="col-lg-3 col-sm-6 text-center">
          <div class="js-single-singer">
            <div class="js-singer-thumbnail">
              <img src="assets/images/singer/8.jpg" alt="Singer Thumbnail"> 
               <ul class="social-icon list-inline">
                 <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                 <li><a href="#"><i class="fa fa-spotify"></i></a></li>
                 <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                 <li class="active"><a href="#"><i class="fa fa-twitter"></i></a></li>
                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               </ul> 
            </div>
            <div class="js-singer-content">
              <h4>刘德华</h4>
     
            </div>
          </div>
        </div> <!--  col-lg-3 -->
      </div><!-- row -->
    </div><!-- container -->
  </section><!-- js-singer-area End -->

  <span class="scrolltop"><i class="pe-7s-angle-up"></i></span>

  <footer class="js-footer-area has-color">
    <div class="js-footer-subscribe pt-100 pb-150 bg-dark has-color">
   
        <div class="row">
          <div class="col-lg-12 text-center">
            <p class="js-copyright">© 2019</p>
          </div>
        </div><!-- row end -->
      </div><!-- container -->
    </div><!-- footer-area -->
  </footer> <!-- footer End-->
 
  <script src="assets/js/vendor/jquery-3.3.1.min.js"></script> 
  <script src="assets/js/bootstrap.min.js"></script>
  <script src="assets/js/owl.carousel.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/js/plugins.js"></script>
  <script src="assets/js/menu.js"></script>
  <script src="assets/js/countdown.js"></script>   
  <script src="assets/js/jquery.jplayer.min.js"></script> 
  <script src="assets/js/jplayer.playlist.min.js"></script>
  <script src="assets/js/audio-player.js"></script>
  <script src="assets/js/audioplayer.js"></script>  
  <script src="assets/js/main.js"></script>  

</body>

</html>
